<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>项目</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="css/dk-com.css">
    <link rel="stylesheet" href="css/dk-pages.css">
    <script src="./js/jquery-1.11.1.min.js"></script>
    <!--  滚动条  -->
    <script src="js/scroll.min.js"></script>
</head>
<body class="body">
    <div class="dk-top">
        <div class="dk-top-nav clearfix">
            <img src="images/logo.png" class="logo fl">
            <ul class="fl clearfix">
                <li>
                    <a href="component.html">
                        <i class="iconfont">&#xe653;</i>项目
                    </a>
                    <dl class="dk-top-navSub">
                        <dd>
                            <a href="#">
                                <i class="iconfont">&#xe608;</i>App
                            </a>
                        </dd>
                        <dd>
                            <a href="#">
                                <i class="iconfont">&#xe685;</i>微信公众号
                            </a>
                        </dd>
                        <dd>
                            <a href="#">
                                <i class="iconfont">&#xe60c;</i>Web
                            </a>
                        </dd>
                        <dd>
                            <a href="#">
																<i class="iconfont">&#xe60d;</i>小程序
                            </a>
                        </dd>
                        <dd>
                            <a href="#">
                                <i class="iconfont">&#xe602;</i>H5
                            </a>
                        </dd>
                        <dd>
                            <a href="#">
                                <i class="iconfont">&#xe601;</i>其他
                            </a>
                        </dd>
                    </dl>
                </li>
                <li>
                    <a href="component.html">
                        <i class="iconfont">&#xe624;</i>问答
                    </a>
                </li>
            </ul>
            <div class="dk-sys-messages clearfix fr">
                <a href="sys-messages.html">
                    <i class="iconfont">&#xe628;</i>
                    <span class="ft-Arial">99</span>
                </a>
                <div class="dk-user-online  fr">
                    <div class="dk-user-pic">
                        <img src="images/user2.jpg">
                        <p>Adminter</p>
                    </div>
                    <div class="dk-user-menu border-r4">
                        <div class="dk-coin clearfix">咖点
                            <b class="ft-Arial">196556</b>
                            <span class="fr">充值</span>
                        </div>
                        <dl class="clearfix">
                            <dd>退出</dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--  ./顶部end  -->
    <div class="dk-sidebox clearfix">
        <ul class="dk-side-tools">
            <li>
                <span>
                    <i class="iconfont">&#xe606;</i>
                </span>
                <p class="an-s3">我的项目</p>
            </li>
            <li>
                <span>
                    <i class="iconfont">&#xe637;</i>
                </span>
                <p class="an-s3">我的问题</p>
            </li>
            <li>
                <span>
                    <i class="iconfont">&#xe63f;</i>
                </span>
                <p class="an-s3">我的收藏</p>
            </li>
        </ul>
        <!--  ./类目   -->
        <div class="dk-toolbox">
            <div class="dk-tool-listitem ">
                <ul>
                    <li>
                        <a href="1.html">
                            <h3>1111这是一个列表信息！
                                <span class="dk-toolmess-tips"></span>
                            </h3>
                            <p>2017.11.23</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <h3>这是一个列表信息！</h3>
                            <p>2017.11.23</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--   ./1     -->
            <div class="dk-tool-listitem">
                <ul>
                    <li>
                        <a href="#">
                            <h3>222这是一个列表信息！</h3>
                            <p>2017.11.23</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--    ./2    -->
            <div class="dk-tool-listitem">
                <ul>
                    <li>
                        <a href="#">
                            <h3>333这是一个列表信息！</h3>
                            <p>2017.11.23</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--    ./3    -->
        </div>
        <!--  ./侧边栏展开   -->
    </div>
    <!--  ./侧边栏   -->
    <div class="dk-contaiter">
        <div class="dk-path-nav">
            <a href="#" class="h2">项目市场</a>
            <b class="fc-green">></b>
						<span class="fs-h3 fc-green">App</span>
						<b class="fc-green">></b>
						<span class="fs-h3 fc-green"><10336>沐新报名小程序</span>
        </div>
        <!--    ./面包屑导航    -->
        <div class="dk-main-box">
					<div class="project-market">
						<div class="project-market-top">
							<div class="user-img">
								<img src="./images/user.png" alt="头像" class="user-avator">
							</div>
							<div class="project-message">
								<p class="name">二蛋</p>
								<p class="time">Time: 2017.11.8</p>
							</div>
							<div class="project-operation">
								<div class="btn btn-primary" id="project-oper-btn">操作 &or;</div>
								<div class="project-oper" id="project-oper">
									<ul>
										<li>收藏</li>
										<li>下载附件</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="project-theme">
							<div class="btn btn-primary btn-small">模块开发</div>
							<p class="project-theme-name"><10336>沐新报名小程序</p>
						</div>
						<div class="project-des">
							<dl>
								<dt>预&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;算：</dt>
								<dd class="project-budget">100,00<span class="money">￥</span><span class='btn btn-xs btn-primary'>有附件</span></dd>
							</dl>
							<dl>
								<dt>交付日期：</dt>
								<dd>2017.11.30</dd>
								<dt>联系方式：</dt>
								<dd>QQ58128966</dd>
							</dl>
						</div>
						<div class="project-intr">
							基于***环境的前端（后台服）的问题，现象是*****。 适配iPhone 6及以上iPhone 设备，IOS 9.0及以上版
							基于***环境的前端（后台服）的问题，现象是*****。 适配iPhone 6及以上iPhone 设备，IOS 9.0及以上版
						</div>
						<div class="project-dialogue">
							<ul>
								<li class='project-dialogue-one'>
									<div class="user">
										<img src="./images/user.png" alt="头像" class="user-avator">
										<p class='name'>二蛋2</p>
									</div>
									<div class="project-dialogue-message">
										<p class="project-dialogue-mes">这个项目老夫接了</p>
										<div class="project-dialogue-operation">
											<span class="reply">回复</span>
											<span class="delete">删除</span>
										</div>
										<ul>
											<li class='project-dialogue-two'>
												<div class="user">
													<img src="./images/user.png" alt="头像" class="user-avator">
													<p class='name'>二蛋2</p>
												</div>
												<div class="project-dialogue-message">
													<p class="project-dialogue-mes">这个项目老夫接了</p>
													<div class="project-dialogue-operation">
														<span class="reply">回复</span>
														<span class="delete">删除</span>
													</div>
												</div>
											</li>
										</ul>
									</div>
								</li>
								<li class='project-dialogue-one'>
									<div class="user">
										<img src="./images/user.png" alt="头像" class="user-avator">
										<p class='name'>二蛋2</p>
									</div>
									<div class="project-dialogue-message">
										<p class="project-dialogue-mes">这个项目老夫接了</p>
										<div class="project-dialogue-operation">
											<span class="reply">回复</span>
											<span class="delete">删除</span>
										</div>
									</div>
								</li>
							</ul>
							<div class="project-dialogue-from">
								<form action="" id="project-dialogue-from">
									<input placeholder="请输入内容" type="text" class="text" name="content"/>
									<button type="submit" class="btn btn-primary">确认</button>
								</form>
							</div>
						</div>
					</div>
        </div>
		</div>
		<div class="fixed-group">
			<div class="fiexd-left fl" id="fiexd-left">
				<ul>
					<li class="fiexd-item xiangmu">
						<i class="icon iconfont icon-xiangmu"></i>
					</li>
					<li class="fiexd-item wenti">
						<i class="icon iconfont icon-wenti"></i>
					</li>
					<li class="fiexd-item" id="con">
						<i class="icon iconfont icon-bi"></i>
					</li>
					<li class="fiexd-item" id="jiantou">
						<i class="icon iconfont icon-jiantou"></i>
					</li>
				</ul>
			</div>
		</div>
</body>
<script>
    $(function () {
        ///
        $(".dnMenu button").click(function (event) {
            dropdown(event, ".dnMenu ul");
        })
        ///
        $(".dk-chat-box").niceScroll({
            cursorborder: "0"
            , cursorcolor: "#4BD083"
            , cursorborderradius: "1px"
            , cursorwidth: "3px"
            , boxzoom: false
            ,
        });
        //
        $(".dk-chat-send button").click(function () {
            var div = $(".dk-chat-box");
            var chat = $(".dk-chat-send input[type='text']").val();
            var time = new Date();
            if (chat == "") {
                return false;
            }
            else {
                //append  prepend
                $(".dk-chat-box").append('<div class="dk-chat-obj clearfix"><div class="dk-chat-left fr"><img src="images/user1.png"><p class="txt-c">扶着人</p></div><div class="dk-chat-right fr"><p class="border-r6">' + chat + '</p><div class="fs-small ft-Arial fc-black1 txt-l">Time：' + time + '</div></div></div>');
                div.scrollTop(div[0].scrollHeight);
                $(".dk-chat-send input[type='text']").val("");
            }
        })
    });
</script>
<script src="js/com.js"></script>
<script src="./js/project.js"></script>
</html>